<template>
    <div class="chart" ref="chart"></div>
</template>

<script>
import * as echarts from "echarts"
export default {
    name: 'barChart',
    data(){
        return {
         }
    },
    mounted(){
        let barChart=echarts.init(this.$refs.chart);
        barChart.setOption({
            xAxis:{
                show:false,
                type:"category"
            },
            yAxis:{
                show:false,
            },
            grid:{
                top:0,
                bottom:0,
                left:0,
                right:0
            },
            tooltip:{},
            series:{
                type:"bar",
                data:[40,24,33,42,48,20,33,22,30],
            }
        })
    }
}
</script>

<style scoped>
.chart{
    width: 100%;
    height: 100%;
}
</style>
